<!--作者:于大明-->
<template>
	<view class="user-info-body mt-1">
		<uni-section title="基本情况" type="line">
			<view class="pl-4">
				<view class="my-line-height" v-if="wxUserData.isShowWxUserInfoNickName">
					<text class="font-weight">昵称:</text> {{wxUserData.nickName}}
				</view>

				<view class="my-line-height" v-if="wxUserData.isShowWxUserInfoSex">
					<text class="font-weight">性别:</text> {{this.$cw.SexTypes.find(x=>x.value==wxUserData.sex)?.text}}
				</view>

				<view class="my-line-height" v-if="wxUserData.isShowWxUserInfoBirthday">
					<text class="font-weight">年龄: </text>
					{{$util.calAge(wxUserData.wxUserInfoBirthday)}}
					{{$util.calAnimalSign(wxUserData.wxUserInfoBirthday) }}
					{{$util.calStar(wxUserData.wxUserInfoBirthday)}}
				</view>

				<view class="my-line-height" v-if="wxUserData.isShowWxUserInfoBirthday">
					<text class="font-weight">身高: </text>{{wxUserData.wxUserInfoHeight}}cm
				</view>

				<view class="my-line-height" v-if="wxUserData.isShowWxUserInfoWeight"> <text class="font-weight">体重:
					</text>{{wxUserData.wxUserInfoWeight}}kg</view>

				<view class="my-line-height" v-if="wxUserData.isShowWxUserInfoHouseCarType"> <text
						class="font-weight">房车情况:
					</text>
					{{this.$cw.HouseCarTypes.find(x=>x.value==wxUserData.wxUserInfoHouseCarType)?.text}}
				</view>

				<view class="my-line-height" v-if="wxUserData.isShowWxUserInfoYearAmount"> <text
						class="font-weight">年收入:
					</text>{{wxUserData.wxUserInfoYearAmount}}w
				</view>

				<view class="my-line-height" v-if="wxUserData.isShowWxUserInfoCurrentArea"> <text
						class="font-weight">现居住地:
					</text>{{wxUserData.wxUserInfoCurrentArea}}</view>

				<view class="my-line-height" v-if="wxUserData.isShowWxUserInfoHometownProvince"> <text
						class="font-weight">家乡:
					</text> {{wxUserData.wxUserInfoHometownProvince}}
					{{wxUserData.wxUserInfoHometownCity}}
					{{wxUserData.wxUserInfoHometownArea}}
				</view>

				<view class="my-line-height" v-if="wxUserData.isShowWxUserInfoMarryType">
					<text class="font-weight">婚姻状况:</text>
					{{this.$cw.MarryTypes.find(x=>x.value==wxUserData.wxUserInfoMarryType)?.text}}
				</view>

				<view class="my-line-height" v-if="wxUserData.isShowWxUserInfoCollege">
					<text class="font-weight">毕业院校:</text> 
					{{wxUserData.wxUserInfoCollege}}
				</view>

				<view class="my-line-height" v-if="wxUserData.isShowWxUserInfoEduType">
					<text class="font-weight">最高学历:</text>
					{{this.$cw.EduTypes.find(x=>x.value==wxUserData.wxUserInfoEduType)?.text}}
				</view>

				<view class="my-line-height" v-if="wxUserData.isShowWxUserInfoCompany">
					<text class="font-weight">公司:</text>
					{{wxUserData.wxUserInfoCompany}}
				</view>

				<view class="my-line-height" v-if="wxUserData.isShowWxUserInfoJob">
					<text class="font-weight">职位:</text>
					{{wxUserData.wxUserInfoJob}}
				</view>
			</view>
		</uni-section>

		<uni-section title="关于我" type="line" v-if="wxUserData.isShowWxUserInfoAboutMe">
			<view class="pl-4">
				<text>
					{{wxUserData.wxUserInfoAboutMe}}
				</text>
			</view>
		</uni-section>

		<uni-section title="家庭背景" type="line" v-if="wxUserData.isShowWxUserInfoHomeBackground">
			<view class="pl-4">
				<text>
					{{wxUserData.wxUserInfoHomeBackground}}
				</text>
			</view>
		</uni-section>

		<uni-section title="兴趣爱好" type="line" v-if="wxUserData.isShowWxUserInfoInterest">
			<view class="pl-4">
				<text>
					{{wxUserData.wxUserInfoInterest}}
				</text>
			</view>
		</uni-section>

		<uni-section title="爱情观" type="line" v-if="wxUserData.isShowWxUserInfoLoveNotion">
			<view class="pl-4">
				<text>
					{{wxUserData.wxUserInfoLoveNotion}}
				</text>
			</view>
		</uni-section>

		<uni-section title="心仪的ta" type="line" v-if="wxUserData.isShowWxUserInfoThinkOther">
			<view class="pl-4">
				<text>
					{{wxUserData.wxUserInfoThinkOther}}
				</text>
			</view>
		</uni-section>
		
		<uni-section title="微信二维码(长按可识别)" type="line" v-if="wxUserData.isShowUserInfoWxCodeUrl">
			<view  class="text-center"  > 
				<image @tap="$cw.previewImg(wxUserData.userInfoWxCodeUrl)"
				style="width: 350rpx;" :src="wxUserData.userInfoWxCodeUrl" mode="widthFix">
				</image>
			</view>
		</uni-section>
		
	</view>
</template>

<script src="./user-info-body.js"></script>

<style lang="less" scoped>
	@import url('user-info-body.less');
</style>